<template>
  <div class="party">
    <van-nav-bar title="活动详情" left-arrow @click-left="onClickLeft" />
    <div><img :src="item.boyu_cpicture" /></div>
    <div class="party_datail">
      <p class="title" v-html="item.boyu_ctitle"></p>
      <p class="list" v-html="item.boyu_clist"></p>
      <p v-html="item.boyu_ccontent"></p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      item: {},
      cid: this.$route.query.cid,
    };
  },
  mounted() {
    this.axios
      .get("/party", {
        params: {
          cid: this.$route.query.cid,
        },
      })
      .then((res) => {
        this.item = res.data.results;
      });
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style>
.title {
  font-weight: 600;
  font-size: 18px;
}
.party_datail {
  padding-left: 14px;
  padding-right: 14px;
}
.party_datail .list p{
  font-size:14px;
  padding-left:8px;
}
.party_datail .list p:not(:first-child){
  display: block;
  background: #f5f3f3;
  padding: 10px 0;
  padding-left:8px;
}
</style>
